<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href={{url_for('static',filename="css/index.css")}} >
    <title>Mikufans</title>
</head>

<body>
    <div id="header">
        {% if 'uid' not in session %}
        <link rel="stylesheet" href={{url_for('static',filename="css/top.css")}}>
        <div id="top">
            <div class="icon"><a href={{url_for('index')}}><strong>Mikufans</strong></a></div>
            <div class="user">
                <a href={{url_for('login')}}>login</a>
            </div>
            <div class="search">
                <form action="search" method="GET"><input type="text" name="keywords" placeholder="233333"><input type="submit" name="submit"></form>
            </div>
        </div>
        {% else %}
        <link rel="stylesheet" href={{url_for('static',filename="css/top_logedin.css")}}>
        <div id="top">
            <div class="icon"><a href={{url_for('index')}}><strong>Mikufans</strong></a></div>
            <div class="user">
                <a href="upload">上传</a>
                <a href="logout">logout</a>
                <a href={{url_for('space',uid=session['uid'])}}>{{session['uname']}}</a>
                <a href={{url_for('space',uid=session['uid'])}} style="margin: 0px;"><img src={{url_for('static',filename="movies/cover/1.jpg")}}></a>
            </div>
            <div class="search">
                <form action="search" method="GET"><input type="text" name="keywords" placeholder="233333"><input type="submit" name="submit"></form>
            </div>
        </div>
        {% endif %}
        <div id="banner"><img src={{url_for('static',filename="banner.jpg")}}></div>
        <div id="index">
            <div class="index"><a href={{url_for('classes',Class="animation")}} target="_blank">动画</a></div>
            <div class="index"><a href={{url_for('classes',Class="music")}} target="_blank">音乐</a></div>
            <div class="index"><a href={{url_for('classes',Class="game")}} target="_blank">游戏</a></div>
            <div class="index"><a href={{url_for('classes',Class="life")}} target="_blank">生活</a></div>
            <div class="index"><a href={{url_for('classes',Class="fashion")}} target="_blank">时尚</a></div>
            <div class="index"><a href={{url_for('classes',Class="kichiku")}} target="_blank">鬼畜</a></div>
            <div class="index"><a href={{url_for('classes',Class="entertain")}} target="_blank">娱乐</a></div>
            <div class="index"><a href={{url_for('classes',Class="dance")}} target="_blank">舞蹈</a></div>
            <div class="index"><a href={{url_for('classes',Class="cinephile")}} target="_blank">影视</a></div>
        </div>
        <div id="recommend">
            <div id="left">
                <a href="http://www.bilibili.com" target="_blank"><img src={{url_for('static',filename="cover/1.jpg")}}></a>
            </div>
            <div id="right">
                <div class="movies_recommend"><a href="http://www.bilibili.com" target="_blank"><img
                            src={{url_for('static',filename="cover/1.jpg")}}></a>
                        <span class="title">title</span></div><!--
                --><div class="movies_recommend"><a href="http://www.bilibili.com" target="_blank"><img
                            src={{url_for('static',filename="cover/1.jpg")}}></a><span class="title">title</span></div><!--
                --><div class="movies_recommend"><a href="http://www.bilibili.com" target="_blank"><img
                            src={{url_for('static',filename="cover/1.jpg")}}></a><span class="title">title</span></div><!--
                --><div class="movies_recommend"><a href="http://www.bilibili.com" target="_blank"><img
                            src={{url_for('static',filename="cover/1.jpg")}}></a><span class="title">title</span></div><!--
                --><div class="movies_recommend"><a href="http://www.bilibili.com" target="_blank"><img
                            src={{url_for('static',filename="cover/1.jpg")}}></a><span class="title">title</span></div><!--
                --><div class="movies_recommend"><a href="http://www.bilibili.com" target="_blank"><img
                            src={{url_for('static',filename="cover/1.jpg")}}></a><span class="title">title</span></div>
            </div>
        </div>
    </div>
    <div id="inner">
        <div id="container_game" class="inner_card">
            <div class="rank_list">
                <div class="rand_top"><strong>排行榜</strong></div>
                <div class="list">
                    <div class="rank_first">
                        <div class="rank_first_cover"><a href="http://www.bilibili.com"><img src={{url_for('static',filename="cover/1.jpg")}}></a></div>
                        <div class="rank_first_info">
                            <div class="first_title"><strong>title</strong></div>
                            <div class="first_up">lin</div>
                            <div class="first_info">播放：2144  弹幕：2324</div>
                        </div>
                    </div>
                    <div class="rank_others">
                        <ol type="none">
                            <li><a href="http://www.bilibili.com" target="_blank">title1</a></li>
                            <li><a href="http://www.bilibili.com" target="_blank">title1</a></li>
                            <li><a href="http://www.bilibili.com" target="_blank">title1</a></li>
                            <li><a href="http://www.bilibili.com" target="_blank">title1</a></li>
                            <li><a href="http://www.bilibili.com" target="_blank">title1</a></li>
                            <li><a href="http://www.bilibili.com" target="_blank">title1</a></li>
                            <li><a href="http://www.bilibili.com" target="_blank">title1</a></li>
                            <li><a href="http://www.bilibili.com" target="_blank">title1</a></li>
                            <li><a href="http://www.bilibili.com" target="_blank">title1</a></li>
                        </ol>
                    </div>
                </div>
            </div>
            <div class="container_movies">
                <div class="card_top">
                    <span><strong>游戏</strong></span>
                    <span class="href_more"><a href="http://www.bilibili.com">more>>></a></span>
                </div>
                <div class="card_movies">
                    <div class="movie_card_left"><a href="http://www.bilibili.com"><img src={{url_for('static',filename="cover/1.jpg")}}></a></div>
                    <div class="movie_card_right">
                        <div class="card_title"><a href="http://www.bilibili.com"><strong>title</strong></a></div>
                        <div class="card_info">
                            <span>up:lin</span>
                            <span>播放：1357</span>
                            <span>弹幕：2435</span>
                        </div>
                        <div class="card_intro">introduction</div>
                    </div>
                </div>
                <div class="card_movies">
                    <div class="movie_card_left"><a href="http://www.bilibili.com"><img src={{url_for('static',filename="cover/1.jpg")}}></a></div>
                    <div class="movie_card_right">
                        <div class="card_title"><a href="http://www.bilibili.com"><strong>title</strong></a></div>
                        <div class="card_info">
                            <span>up:lin</span>
                            <span>播放：1357</span>
                            <span>弹幕：2435</span>
                        </div>
                        <div class="card_intro">introduction</div>
                    </div>
                </div>
                <div class="card_movies">
                    <div class="movie_card_left"><a href="http://www.bilibili.com"><img src={{url_for('static',filename="cover/1.jpg")}}></a></div>
                    <div class="movie_card_right">
                        <div class="card_title"><a href="http://www.bilibili.com"><strong>title</strong></a></div>
                        <div class="card_info">
                            <span>up:lin</span>
                            <span>播放：1357</span>
                            <span>弹幕：2435</span>
                        </div>
                        <div class="card_intro">introduction</div>
                    </div>
                </div>
            </div>
        </div>
        <div id="container_music" class="inner_card">
            <div class="rank_list">
                <div class="rand_top"><strong>排行榜</strong></div>
                <div class="list">
                    <div class="rank_first">
                        <div class="rank_first_cover"><a href="http://www.bilibili.com"><img src={{url_for('static',filename="cover/1.jpg")}}></a></div>
                        <div class="rank_first_info">
                            <div class="first_title"><strong>title</strong></div>
                            <div class="first_up">lin</div>
                            <div class="first_info">播放：2144  弹幕：2324</div>
                        </div>
                    </div>
                    <div class="rank_others">
                        <ol type="none">
                            <li><a href="http://www.bilibili.com" target="_blank">title1</a></li>
                            <li><a href="http://www.bilibili.com" target="_blank">title1</a></li>
                            <li><a href="http://www.bilibili.com" target="_blank">title1</a></li>
                            <li><a href="http://www.bilibili.com" target="_blank">title1</a></li>
                            <li><a href="http://www.bilibili.com" target="_blank">title1</a></li>
                            <li><a href="http://www.bilibili.com" target="_blank">title1</a></li>
                            <li><a href="http://www.bilibili.com" target="_blank">title1</a></li>
                            <li><a href="http://www.bilibili.com" target="_blank">title1</a></li>
                            <li><a href="http://www.bilibili.com" target="_blank">title1</a></li>
                        </ol>
                    </div>
                </div>
            </div>
            <div class="container_movies">
                <div class="card_top">
                    <span><strong>音乐</strong></span>
                    <span class="href_more"><a href="http://www.bilibili.com">more>>></a></span>
                </div>
                <div class="card_movies">
                    <div class="movie_card_left"><a href="http://www.bilibili.com"><img src={{url_for('static',filename="cover/1.jpg")}}></a></div>
                    <div class="movie_card_right">
                        <div class="card_title"><a href="http://www.bilibili.com"><strong>title</strong></a></div>
                        <div class="card_info">
                            <span>up:lin</span>
                            <span>播放：1357</span>
                            <span>弹幕：2435</span>
                        </div>
                        <div class="card_intro">introduction</div>
                    </div>
                </div>
                <div class="card_movies">
                    <div class="movie_card_left"><a href="http://www.bilibili.com"><img src={{url_for('static',filename="cover/1.jpg")}}></a></div>
                    <div class="movie_card_right">
                        <div class="card_title"><a href="http://www.bilibili.com"><strong>title</strong></a></div>
                        <div class="card_info">
                            <span>up:lin</span>
                            <span>播放：1357</span>
                            <span>弹幕：2435</span>
                        </div>
                        <div class="card_intro">introduction</div>
                    </div>
                </div>
                <div class="card_movies">
                    <div class="movie_card_left"><a href="http://www.bilibili.com"><img src={{url_for('static',filename="cover/1.jpg")}}></a></div>
                    <div class="movie_card_right">
                        <div class="card_title"><a href="http://www.bilibili.com"><strong>title</strong></a></div>
                        <div class="card_info">
                            <span>up:lin</span>
                            <span>播放：1357</span>
                            <span>弹幕：2435</span>
                        </div>
                        <div class="card_intro">introduction</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="footer"></div>
</body>

</html>